<!DOCTYPE html>
<html style="height: 100%;">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 
		minimum-scale=1.0, maximum-scale=1.0"/>
		<meta name="format-detection" content="telephone=no"> <!--禁用IOS手机页面数字自动识别为手机号-->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
		<title style="align-content: center">
            紫燕燃动世界杯
        </title>
        <meta name="apple-mobile-web-app-capable" content="yes">
		<script type="text/javascript" src="/js/jquery.min.js" ></script>
        <script src="/js/bootstrap.min.js"></script>
		<script src="/js/product.js?v=5"></script>
		<script src="/js/layer/layer.js"></script>
        <script src="/js/swiper.min.js"></script>
        <script src="/js/JsBarcode.all.js"></script>
        <link rel="stylesheet" href="/css/swiper.min.css">
        <script src="/js/rem.js"></script>
        <link rel="stylesheet" href="/css/base.css">
        <!--百度统计-->
        <script>
            var _hmt = _hmt || [];
            (function() {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?75e4cc7848354570d9fb224091bc46e5";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script>

    </head>
    <style>
        .caidan{
            width: 0.70rem;
            height: auto;
            position: absolute;
            top: 0.31rem;
            right: 0.31rem;
            z-index: 997;
        }
        .caidan>.tu{
            width: 0.7rem;
            height: 0.7rem;
            margin:0 auto;
            background-image: url(http://ziyan-image.oss-cn-hangzhou.aliyuncs.com/front/jingcai/caidan.png);
            background-size: cover;
        }
        .caidan>.title{
            height: 0.30rem;
           color: rgba(236,105,0,1);
            font-size: 0.30rem;
            line-height: 0.30rem;
            text-align: center;
        }
        .zhezao{
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 998;
            background: rgba(0,0,0,0.8);
            display: none;
        }
        .tan{
            width: 6.13rem;
            height: 6.92rem;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0  auto;
            top:2.25rem;
            /*transform: translateY(-50%);*/
            background-image: url(http://ziyan-image.oss-cn-hangzhou.aliyuncs.com/front/shouye/caidan.png);
            background-size: cover;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            z-index: 999;
            padding:1.31rem   1.37rem   1.06rem  1.04rem;
            box-sizing: border-box;
        }
        .tan>.caidan-list{
            height: 0.7rem;
        }
        .tan>.caidan-list>a{
            width: 100%;
            height: 100%;
            display: block;
        }
        .tan>.cha{
            width: 10%;
            height: 10%;
            position: absolute;
            top: 0;
            right: 0;
        }

        .guess_op_div_tt{
            display: none;
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 998;
            background: rgba(0,0,0,0);
        }

        .guess_kuang_notice{
            width: 5.9rem;
            height: 9.35rem;
            background-image: url(http://ziyan-image.oss-cn-hangzhou.aliyuncs.com/front/alert/guess_tips.png);
            background-size: cover;
            position: fixed;
            top: 6.67rem;
            left: 0;
            bottom: 0;
            right: 0;
            margin: 0 auto;
            transform: translateY(-55%);
        }

        .guess_kuang_notice .tip_content{
            width: 4.6rem;
            height: 7.2rem;
            margin: 0  auto;
            margin-top: 0.6rem;
            font-size: 0.35rem;
            line-height: 1.53rem;
            text-align: center;
            color:rgba(236,105,0,1);
            overflow-y: scroll;
            padding: 0 0.2rem;
        }

        .guess_kuang_notice>.ok{
            width: 2.94rem;
            height: 0.82rem;
            margin: 0  auto;
            margin-top: 0.4rem;
            background-image: url(http://ziyan-image.oss-cn-hangzhou.aliyuncs.com/front/alert/ok.png);
            background-size: cover;
        }

        .loading_div_tt{
            display: none;
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1001;
            background: rgba(255,255,255,0.6);
            text-align: center;
        }
        .loading_div_tt img{
            position: absolute;
            top: 6rem;
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0 auto;
            width: 0.6rem;
            height: 0.6rem;
            animation: spin 1000ms infinite linear;
        }
        @keyframes spin {
            0%   { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .txt-li{
            background: #333;border-radius: 5px;width: 8px;height: 8px;display: inline-block;float: left;margin-top: 0.15rem;margin-right: 0.1rem;
        }

        }
    </style>
    <?php
        $statr_time = "2018-06-12";
        $time = date("Y-m-d",time());
        $show = true;
        if ($time >= $statr_time) {
            $show = true;
        }
    ?>
	<body class="layout_body" style="width: 7.5rem;">
        <div class="caidan <?php if (!$show) echo "time_none";?>" <?php if (!$show)echo "style='display: none'";?>>
            <div class="tu"></div>
            <div class="title">菜单</div>
        </div>
        <div class="zhezao">
            <div class="tan">
                <div class="cha"></div>
                <div class="caidan-list"><a href="javascript:;" onclick="showNotice()"></a></div>
                <div class="caidan-list"><a href="javascript:;" onclick="urlTo('/my/index')"></a></div>
                <div class="caidan-list"><a href="javascript:;" onclick="urlTo('/guess/index')"></a></div>
                <div class="caidan-list"><a href="javascript:;" onclick="urlTo('/rank/index')"></a></div>
            </div>
        </div>

        <div class="loading_div_tt" id="loading_div_tt">
            <img src="/img/alert/loading_tt.png">
        </div>

        <div class="guess_op_div_tt" id="guess_div_notice">
            <div class="guess_kuang_notice">
                <div class="tip_content">
                    <p style="color: #009640;line-height: 1rem;text-align: center;font-size: 0.25rem;">如何赢大奖？</p>
                    <p style="line-height:0.45rem;color:#2A2A2A;font-size: 0.19rem;text-align: left;">
                        世界杯期间，玩家竞猜赢积分，根据积分排行（周排行、总排行）赢大奖。<br><br>
                        周排行榜每周结算，并派发奖品。总排榜在世界杯全部赛程结束后结算，并派发奖品。<br><br>
                        一等奖：俄罗斯双人7日游；二等奖：iPhone X；三等奖：拍立得……<br><br>
                        更有上万奖品等你来拿！<br><br>
                        每日更有开宝箱福利活动，100%有奖！<br><br>
                        <span style="color: #333333;font-weight: bold;">活动规则指南</span><br>
                        <span style="color: #333333;font-weight: bold;">活动时间：</span><br>
                        2018年6月12日—2018年7月16日<br><br>
                        <span style="color: #333333;font-weight: bold;">如何获得积分？</span><br>
                        根据2018世界杯比赛场次，竞猜比赛全场胜负平、半全场胜负平、全场比分结果（不含加时赛和点球决战）。<br>
                        玩家猜对结果获积分。单场比赛猜中”全场胜负平”获得3积分，猜中“半全场胜负平”（上半场胜负平+全场胜负平）获得9积分，猜中“全场比分”获得27积分。<br>
                        <span class="txt-li"></span>竞猜开放时间: 比赛开哨前48小时内。<br>
                        <span class="txt-li"></span>竞猜结果以单场比赛常规时间（不含加时赛和点球决胜）结果为准，可在玩家个人中心查询。<br>
                        <span class="txt-li"></span>玩家每日获得一次竞猜机会，分享好友/朋友圈可获得更多机会。<br>
                        <span class="txt-li"></span>每日分享好友获得竞猜机会，上限为3次。<br><br>
                        <span style="color: #333333;font-weight: bold;">如何查看我竞猜过的比赛结果？</span><br>
                        在活动页面右上角圆形菜单栏中的“个人中心”中的“我的竞猜”中查看。<br><br>
                        <span style="color: #333333;font-weight: bold;">如何查看我获得的奖品？</span><br>
                        在活动页面右上角圆形菜单栏中的“个人中心”中的“我的奖品”中查看。<br><br>
                        <span style="color: #333333;font-weight: bold;">如何查看我的积分与排名？</span><br>
                        在活动页面右上角圆形菜单栏中的“个人中心”页面上方查看。<br><br>
                        <span style="color: #333333;font-weight: bold;">奖品设置</span><br>
                        周排行奖品：<br>
                        每周排名前150的玩家即可随机获得：NIKE足球、定制U型枕、定制刀具套装、充电宝。<br>
                        总排行奖品：<br>
                        总排名第1名获得俄罗斯双人7日游套餐，2~4名获得苹果X，5~15名获得拍立得，16~30名获得小米电饭煲，31~50名获得纪梵希小羊皮口红，51~150名获得运动手环，150~180名获得NIKE足球。<br><br>
                        <span style="color: #333333;font-weight: bold;">如何领取奖品？</span><br>
                        <span class="txt-li"></span>前往菜单中“个人中心”，在“我的奖品”领取。<br>
                        <span class="txt-li"></span>奖品应在活动指定时间内填写信息领取，逾期未领取奖品，视为主动放弃。<br>
                        <span class="txt-li"></span>本奖品不可找零，不得转让，不能兑换现金。<br><br>
                        <span style="color: #333333;font-weight: bold;">每日宝箱福利：</span><br>
                        玩家每日均有一次开启“燃动宝箱”的机会，中奖几率100%。<br><br>
                        <span style="color: #333333;font-weight: bold;">排行榜规则与开奖时间：</span><br>
                        <span class="txt-li"></span>活动期间内，周排行榜按照自然周划分，最后三场比赛计入总排行积分。<br>
                        <span class="txt-li"></span>2018年6月21日、6月28日、7月5日、7月16日生成周排行榜单，7月16日生成总排行榜单，请玩家查询。<br>
                        <span class="txt-li"></span>奖品发送时间：获奖查询榜单生成后，主办方会在7个工作日内派发奖品。<br>
                        <span class="txt-li"></span>主办方将会向总排行榜前四名的玩家第一时间核实信息，核实信息后将于7个工作日内派奖。<br>
                        <span class="txt-li"></span>所有获奖玩家需在2018年7月16日22点前在个人中心填写收货地址，逾期视为自动放弃领奖。<br><br>
                        <span style="color: #333333;font-weight: bold;">客服电话：</span><br>
                        400-888-6517<br><br>
                        活动声明及注意事项：<br>
                        1. 活动主办单位：上海紫燕食品有限公司<br>
                        2. 若玩家积分相同，以参与游戏时间越早排名越靠前为判定基准。<br>
                        3. 若玩家使用任意作弊手段与技术扰乱正常活动秩序，主办方将有权取消此玩家活动资格，并不做任意赔偿。<br>
                        4. 凡参与本次活动的消费者即视为同意本规则所述的各项规定；<br>
                        5. 本次活动奖品个人所得税由中奖者自理；<br>
                        6. 中奖者领奖过程中所发生的个人费用（包含但不限于上网费、手机流量费、短信费、咨询客服电话费）需自理，主办方不做任何形式的补偿；<br>
                        7. 若因消费者个人原因造成账号、账号密码遗失，并导致参与活动兑奖的消费者无法提交个人信息的情况，活动主办方不承担责任；如发现有消费者在活动中使用任何不正当的手段参加活动。<br>
                        8. 活动主办方不对因网络传输原因而导致参加者提交的信息错误或延误承担任何责任。<br>
                        9. 中奖者存在注册信息有误、联系方式有误、提供虚假凭证、逾期兑奖等行为的，不能兑换奖品，损失由中奖者自行承担；<br>
                        10. 活动过程中，如因政府法律法规调整或行政命令要求，活动主办方有权根据上述调整或要求随时调整活动内容及规则。活动内容及规则调整时，活动主办方将另行向活动参与者公告通知相关的调整，但无需征得活动参与者的同意。主办方对本规则做出调整时，最新版本之规则将载于主办方活动公众号。主办方有权根据法律法规、司法或行政命令的要求以及活动的实际情况，在法律允许的范围内随时取消、中止或终止此次活动。<br>
                        11. 对本次活动的任何参与应被视为参与者认知并完全理解，其将从事的任何活动或者接受的任何奖品可能存在着伤害（包括但不仅限于终身伤残和死亡）和社会、经济损失的风险，原因可能不仅来自参与者自己的作为、不作为或疏忽，也可能来自他人的作为、不作为或疏忽以及活动规则或者所使用之场地或任何设备的状况。<br>
                    </p>
                </div>
                <div class="ok"></div>
            </div>
        </div>


	<?php echo $this->layout()->content; ?>

	</body>
    <?php echo \Util\Config::get('hot_tea_js_statistics_code','Env'); ?>
</html>
<script>
    function urlTo(url) {
        show_loading();
        window.location.href = url;
    }
    function show_loading() {
        $("#loading_div_tt").show();
    }
    function close_locading() {
        $("#loading_div_tt").hide();
    }

    //玩法规则
    function showNotice() {
        $(".layout_body").css('overflow','hidden');//蒙层后面的内容不允许滚动

        $('.tan').css({'display':'none'});
        $('.caidan').next(".zhezao").css({"display":"none"});
        $("#guess_div_notice").css({'background':'rgba(0,0,0,0.8)'});
        $("#guess_div_notice").css({"display":"block"});
        document.addEventListener('touchmove',function (event) {
            window.event.returnValue=true;
        },false)
    }
    $('.ok').on('click',function () {
        $(".layout_body").css('overflow','auto');//蒙层后面的内容恢复滚动

        $('.zhezao').css({"display":"none"});
        $("#guess_div_notice").css({"display":"none"})
        document.addEventListener('touchmove',function (event) {
            window.event.returnValue=true;
        },false)
    });
    $('.cha').on('click',function () {
        $(this).closest('.zhezao').css({"display":"none"});
        $(".layout_body").css('overflow','auto');//蒙层后面的内容恢复滚动
        document.addEventListener('touchmove',function (event) {
            window.event.returnValue=true;
        },false)
    });
    $('.caidan').on('click',function () {
        $(".layout_body").css('overflow','hidden');//蒙层后面的内容不允许滚动

        $('.tan').css({'display':'flex'});
        $(this).next(".zhezao").css({"display":"block"});
        if($('.zhezao').css('display')=='block'){
            document.addEventListener('touchmove',function (event) {
                event.preventDefault();
                window.event.returnValue=false;
            },false)
        }
    })
</script>

